<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <title>Star Pattern</title>  
    <style>  
        body {  
            font-family: 'Courier New', Courier, monospace;  
            font-size: 30px;  
            text-align: center;  
            background-color: rgb(243,255,175);  
        }  
  
        .star-pattern, .red-star {  
            margin-bottom: 5px; 
        }  
  
        .star-pattern {  
            color: blue;  
        }  
  
        .red-star {  
            color: red;  
        }  
        .star-pattern:last-of-type, .red-star:last-of-type {  
            margin-bottom: 0;  
        }  
    </style>  
</head>  
<body>  
    <div class="star-pattern">  
        *  
    </div>  
    <div class="star-pattern">  
        ***  
    </div>  
    <div class="star-pattern">  
        *****  
    </div>  
    <div class="star-pattern">  
        *******  
    </div>  
    <div class="star-pattern">  
        *********  
    </div>  
    <div class="red-star">  
        *********  
    </div>  
    <div class="red-star">  
        *******  
    </div>  
    <div class="red-star">  
        *****  
    </div>  
    <div class="red-star">  
        *  
    </div>  
   
</body>  
</html>